// 定义全局 CSS 变量
:root {
  --header-height: 50px;
  --menu-width: 200px;
  --menu-collapse-width: 64px;
  --footer-height: 50px;
}

// 定义 Sass 变量
$header-height: var(--header-height);
$menu-width: var(--menu-width);
$footer-height: var(--footer-height);

// 主题色
$primary-color: #409EFF;
$success-color: #67C23A;
$warning-color: #E6A23C;
$danger-color: #F56C6C;
$info-color: #909399;

// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #C0C4CC;

// 边框颜色
$border-color: #DCDFE6;
$border-light: #E4E7ED;
$border-lighter: #EBEEF5;

// 背景颜色
$bg-color: #F5F7FA;

// 动画
$transition-duration: 0.3s;
$transition-timing: ease-in-out; 